<template>
    <div>
        <TopTitle :Title="titleText"></TopTitle>
        <h2>
            <span class="fl left-icon" @click="handlerClickLeft">左箭头</span>
            <p class="fl title-text">title文字</p>
            <span class="fl right-icon">右箭头</span>
        </h2>
    </div>
</template>
<script>
import TopTitle from "@/components/topTitle/topTitle1"
export default {
    name:'topTitle',
    components:{
        TopTitle,
    },
    data(){
        return{
            titleText:'title',
            data:[
                {leftIcon:''},
                {leftText:''},
                {rightIcon:''},
                {rightText:''}
            ],
            leftState:true,
            rightState:true,
            leftTextState:true,
            rightTextState:true
        }
    },
    methods:{
        handlerClickLeft(){
            this.$router.go(-1)
        },
        handlerClickRight(){

        }
    }
}
</script>
<style scoped>

</style>